<template>
  <!-- 一门清页面 -->
  <view>
    <child-header-bar :childTitle="childTitle" @getMarginTop="getMarginTop"></child-header-bar>
    <view class="error-content" :style="[{'top': top + 'px'}]">
      <!-- tab样式-->
	  <view class="log-list">
	    <image class="bg-image" :src="imgurl"></image>
	  </view>
    </view>
  </view>
</template>

<script>

  export default {

    data() {
      return {
        childTitle: '正在开发中',
        top: 0,
		imgurl:''
      }
    },
    onLoad(options) {
      // 判断是否有typeId
	console.log(options)
	if(options.type==1)
	{
		this.childTitle='一卡通'
		this.imgurl='https://huaxue.cailianxinwen.com/static/index/ykt.jpg'
	}
		
	else{
			this.childTitle='一键诉'
			this.imgurl='https://huaxue.cailianxinwen.com/static/index/yjs.jpg'
	}
    },
    // 上拉分页

    methods: {
 
      // 动态接收导航栏高度
      getMarginTop(marginTop) {
        this.top = marginTop ? marginTop : 150
      },
    }
  }
</script>
<style>
	page{
		width: 100%;
		height: 100%;
	}
</style>
<style lang="scss">

  .log-list {
    display: flex;
    flex-direction: column;
    /* 父元素要设置100% */
    width: 100%; 
    padding: 0;
  }
   
  .bg-image {
    /* 将图片铺满：css3计算属性 */
    width: 100%;
    height: calc(100vh);
  }
</style>